
<form name="editForm" role="form" novalidate ng-submit="vm.save()">
    <div class="card">
    <div class="card-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"
                ng-click="vm.clear()">&times;</button>
        <h4 class="modal-title" id="myUserinfoLabel" data-translate="zhserverApp.userinfo.home.createOrEditLabel">Create or edit a Userinfo</h4>
    </div>
    <div class="card-block">
        <jhi-alert-error></jhi-alert-error>
        <div class="form-group" ng-show="vm.userinfo.id">
            <label for="id" data-translate="global.field.id">ID</label>
            <input type="text" class="form-control" id="id" name="id"
                    ng-model="vm.userinfo.id" readonly />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.userinfo.phonenumber" for="field_phonenumber">Phonenumber</label>
            <input type="text" class="form-control" name="phonenumber" id="field_phonenumber"
                    ng-model="vm.userinfo.phonenumber"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.userinfo.birthday" for="field_birthday">Birthday</label>
                <div class="input-group">
                    <input id="field_birthday" type="text" class="form-control" name="birthday" uib-datepicker-popup="{{dateformat}}" ng-model="vm.userinfo.birthday" is-open="vm.datePickerOpenStatus.birthday"
                    />
                    <span class="input-group-btn">
                        <button type="button" class="btn btn-default" ng-click="vm.openCalendar('birthday')"><i class="glyphicon glyphicon-calendar"></i></button>
                    </span>
                </div>
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.userinfo.sex" for="field_sex">Sex</label>
            <input type="checkbox" class="form-control" name="sex" id="field_sex"
                    ng-model="vm.userinfo.sex"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.userinfo.nickname" for="field_nickname">Nickname</label>
            <input type="text" class="form-control" name="nickname" id="field_nickname"
                    ng-model="vm.userinfo.nickname"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.userinfo.education" for="field_education">Education</label>
            <input type="text" class="form-control" name="education" id="field_education"
                    ng-model="vm.userinfo.education"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.userinfo.age" for="field_age">Age</label>
            <input type="number" class="form-control" name="age" id="field_age"
                    ng-model="vm.userinfo.age"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.userinfo.userresume" for="field_userresume">Userresume</label>
            <input type="text" class="form-control" name="userresume" id="field_userresume"
                    ng-model="vm.userinfo.userresume"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.userinfo.flag" for="field_flag">Flag  </label>
            <span>男：打勾 ; 女：不打勾</span>
            <input type="checkbox" class="form-control" name="flag" id="field_flag"
                    ng-model="vm.userinfo.flag"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.userinfo.headimg" for="field_headimg">Headimg</label>
            <input type="text" class="form-control" name="headimg" id="field_headimg"
                    ng-model="vm.userinfo.headimg"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.userinfo.email" for="field_email">Email</label>
            <input type="text" class="form-control" name="email" id="field_email"
                    ng-model="vm.userinfo.email"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.userinfo.histroy" for="field_histroy">Histroy</label>
            <input type="text" class="form-control" name="histroy" id="field_histroy"
                    ng-model="vm.userinfo.histroy"
                     />
        </div>

    </div>
    <div  class="card-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="vm.clear()">
            <span class="glyphicon glyphicon-ban-circle"></span>&nbsp;<span data-translate="entity.action.cancel">Cancel</span>
        </button>
        <button type="submit" ng-disabled="editForm.$invalid || vm.isSaving" class="btn btn-primary">
            <span class="glyphicon glyphicon-save"></span>&nbsp;<span data-translate="entity.action.save">Save</span>
        </button>
    </div>
        </div>
</form>
